<template>
  <div class="container">
    <common-header :title="title"></common-header>
    <tab></tab>
    <list-scroll-wrapper></list-scroll-wrapper>
  </div>
</template>

<script>
import CommonHeader from 'components/Header/Common';
import ListScrollWrapper from 'components/ScrollWrapper/List';
import Tab from 'components/ScrollWrapper/Tab'

import fieldDatas from 'data/fields';
import { mapState } from 'vuex';

export default {
  name: 'List',
  components: {
    CommonHeader,
    ListScrollWrapper,
    Tab
  },
  data () {
    return {

    }
  },
  computed: {
    ...mapState(['field']),

    title () {
      return fieldDatas.filter(item => item.field === this.field)[0].iconText + '列表'; 
    }
  }
}
</script>

<style lang='scss' scoped>

</style>